iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
2

資訊系統裡的開發環境或建置環境,認真說起來,有時候真的細如牛毛,如果要建置一個安裝Oracle for AIX 或 TSM for AIX的環境,很簡單,但要建置一個Visual Stuido 2015 for Windows 10 的環境,我就用了一個星期的時間,才完成,很可怕吧!?

最後,我選擇用Visual Studio 2015做為建置APP的環境,不是因為個人喜歡Visual Studio 2015,這沒有喜好的問題,而是因為以前用過Visual Studio更早的版本,所以選擇這個,比較好上手。另外就是...我不知道那邊沒用好,Android Studio 裝起來後,一直有問題。

不過,再好上手...光是安裝Visual Studio 2015 到可以用模擬器,看到並可執行,自己寫的測試項目,從2016年10月2日開始準備環境,一直到2016年10月12日才成功...當然,不是每個人都有像我的運氣,能夠遇到「可能會發生的狀況,都發生了」的情況。本篇將介紹,如何安裝Visual Studio 2015 for Windows 10。

我的硬體資訊和作業系統如下圖。

http://ithelp.ithome.com.tw/upload/images/20161202/20006132ic4G0BoZfS.png

準備安裝Visual Studio 2015前,要先裝Java官方網站裡的JDK,網址如右:Java JDK http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
安裝好了之後,要設定與JDK相關的環境變數,我的作業系統是Windows 10,所以要設定一個變數名稱JAVA_HOME。

另外,在PATH裡面,則要加入%JAVA_HOME%\bin
http://ithelp.ithome.com.tw/upload/images/20161202/20006132KGFe14ilvu.png
JDK安裝完成後,就可以安裝Visual Studio 2015了。

我下載的版本是英文版,雖然在Visual Studio 2015 安裝完成後,我又裝了它的繁體中文包,不過...第一次安裝繁體中文包後,Visual Studio 2015無法啟動...第二次安裝後,Visual Studio 2015 仍然顯示英文,現在覺得可以用就好了,不要再花時間去Debug了,我也De不出來...

Visual Studio 2015 下載的位置如右:download visual studio 2015 https://www.visualstudio.com/zh-hans/downloads/

因為我是新安裝Visual Studio 2015,所以我可以在安裝時,可以選擇Cordova相關的套件,如果安裝Visual Studio 2015時,沒有選擇安裝Cordova的相關套件,也在可以Visual Studio 2015安裝完成後,再選擇安裝Cordova的相關套件。

介紹網址如右:https://taco.visualstudio.com/en-us/docs/install-vs-tools-apache-cordova/

Visual Studio 2015安裝完成,並可正常開啟後,就可以建立一個「Project」,要使用的Templates,
歸類於JavaScript->Apache Cordova->Blank APP(Apache Cordova)
http://ithelp.ithome.com.tw/upload/images/20161202/20006132zHV7hoX02z.png
建立好了之後,就可以在此專案中,載入JQuery 和 JQueryMobile了。

安裝的方式,是使用Visual Stuido 2015 的NuGet Package Manager,開啟的位置,
在 Tools/NuGet Package Manager/Magage NuGet Packages for Solution
http://ithelp.ithome.com.tw/upload/images/20161202/20006132l1nt9ZwHHF.png

新視窗打開後,在Browse下的搜尋欄裡,輸入Jquery ,選擇Jquery後,就可安裝於此專案中。
http://ithelp.ithome.com.tw/upload/images/20161202/200061322zQOlPnCN9.png
安裝,JqueryMobile的方式一樣。

全部安裝好之後,在Visual Studio 2015的Solution Explorer裡,可以看到目前的專案結構和下載下來的JQuery 和 JQueryMobile,這個時候,請先將等相關檔案,移到這兩個地方。 安裝方式,可參照微軟官方說明:https://taco.visualstudio.com/en-us/docs/get-started-first-mobile-app/
http://ithelp.ithome.com.tw/upload/images/20161202/20006132rQs5OxRlUL.png

上述全部完成後,就可開始撰寫JQueryMobile了。

另外,非常重要的一件事,使用JqueryMobile的時候,一定要使用Jquery...這兩個的版本,是必需要相互搭配的,目前在JqueryMobile所搭配的版本如下,在Visual Studio裡面,可能會看到Jquery有新版本,要升級到新版本之類的訊息,『千萬不要』,升級了,會有無法預期之錯誤產生。
http://ithelp.ithome.com.tw/upload/images/20161202/20006132NhjlLUp0Qk.png

就在我非常認真的向我們家女王介紹完,Visual Studio安裝之後...她從椅子上站了起來,拍了拍我的肩,「我要去畫畫了,你請自便」。

(待)

2016/12/02


上一篇
{"1":"網頁變成APP"}
下一篇
{"3":"JRError"}
系列文
我的網站、您的手機、它的Cordova、誰的第三方32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
海綿寶寶
iT邦大神 1 級 ‧ 2016-12-02 09:10:21

「我要去畫畫了,你請自便」

/images/emoticon/emoticon15.gif
聽我講完技術的同事
是說「我要去大便」了
/images/emoticon/emoticon16.gif
我能幫助同事消化順暢
也算是功德一件
/images/emoticon/emoticon72.gif

我要留言

立即登入留言